<template>
	<view class="jiesao">
		<view class="j1" v-for="item in detail">
			<image :src="'http://124.93.196.45:10001'+item.imgUrl"></image>
			<view class="j2">
				<text>{{item.introduce}}</text>
				<text>{{item.guide}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				Name:'',
				detail:[]
			}
		},
		onLoad(options) {
			this.Name=options.name
			uni.setNavigationBarTitle({
				title:options.name
			})
			this.getjiesao()
		},
		methods: {
			getjiesao(){
				this.api.get('/prod-api/api/garbage-classification/garbage-classification/list?Name='+this.Name).then(res=>{
					this.detail=res.data.rows
					console.log(this.detail)
				})
			}
		}
	}
</script>

<style lang="scss">
.j1{
	display: flex;
	image{
		width: 450px;
		height: 150px;
	}
	.j2{
		margin-left: 10px;
		display: flex;
		flex-direction: column;
	}
}
</style>
